<!DOCTYPE html>
<html lang="zh" >
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>相识列表</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/css/font-awesome.min.css" rel="stylesheet"/>
    <!-- bootstrap-table 表格插件样式 -->
    <link href="/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=20210602" rel="stylesheet"/>
    <link href="/css/animate.min.css" rel="stylesheet"/>
    <link href="/css/style.css?v=20200903" rel="stylesheet"/>
    <link href="/common/css/hm-ui.css?v=4.6.2" rel="stylesheet"/>

    <!--<th:block th:include="include :: select2-css" />-->
</head>
<body>
<div class="main-content">
    <div class="row">
        <!-- 列表-->
        <div class="col-sm-12" id="box-title" style="margin-bottom: 20px">
                <div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">
                    <div class="col-sm-6 list-title">
                        <a href="http://localhost:8082/particulars.html" style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a>
                    </div>
                    <div style="display: flex;flex-direction: row;align-items: center;">
                        <div class="col-sm-6" style="display: none;">
                            <img style="height: 100px;width: 200px;border-radius: 5%;" src="img/chengshi.png">
                        </div>
                        <div class="col-sm-12 list-title">
                            <div >类型：表扬</div>
                            <div >诉求时间：2022-03-10 18:15:43</div>
                            <div >地点：成华区</div>
                        </div>
                    </div>
                </div>
        </div>

    </div>
</div>

<script> var ctx = "\/"; var lockscreen = null; if(lockscreen){window.top.location=ctx+"lockscreen";} </script>
<a id="scroll-up" href="#" class="btn btn-sm display"><i class="fa fa-angle-double-up"></i></a>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- bootstrap-table 表格插件 -->
<script src="/ajax/libs/bootstrap-table/bootstrap-table.min.js?v=20210602"></script>
<script src="/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js?v=20210602"></script>
<script src="/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js?v=20210602"></script>
<!-- jquery-validate 表单验证插件 -->
<script src="/ajax/libs/validate/jquery.validate.min.js"></script>
<script src="/ajax/libs/validate/messages_zh.min.js"></script>
<script src="/ajax/libs/validate/jquery.validate.extend.js"></script>
<!-- jquery-validate 表单树插件 -->
<script src="/ajax/libs/bootstrap-table/extensions/tree/bootstrap-table-tree.min.js?v=20210602"></script>
<!-- 遮罩层 -->
<script src="/ajax/libs/blockUI/jquery.blockUI.js"></script>
<script src="/ajax/libs/iCheck/icheck.min.js"></script>
<script src="/ajax/libs/layer/layer.min.js?v=20210516"></script>
<script src="/ajax/libs/layui/layui.js?v=20210516"></script>
<script src="/common/js/common.js?v=4.6.2"></script>
<script src="/common/js/hm-ui.js?v=4.6.2"></script>

<!--<th:block th:include="include :: select2-js" />-->
<script>
    for (var i = 1; i < 3; i++) {
        a = '<div class="col-sm-12" id="box-title" style="margin-bottom: 20px">';
        a += '<div class="col-sm-10" style="display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;">';
        a += '<div class="col-sm-6 list-title">';
        a += '<a style="border-bottom: #1a1a1a 1px solid;font-weight: 600;font-size: 18px">标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</a>';
        a += '</div>';
        a += '<div style="display: flex;flex-direction: row;align-items: center;">';
        a += ' <div class="col-sm-6" >';
        a += ' <img style="height: 100px;width: 200px;border-radius: 5%" src="img/chengshi.png">';
        a += '</div>';
        a += '<div class="col-sm-12 list-title">';
        a += '<div >类型：表扬</div>';
        a += '<div >诉求时间：2022-03-10 18:15:43</div>';
        a += '<div >地点：成华区</div>';
        a += '</div>';
        a += '</div>';
        a += '</div>';
        a += '</div>';
        a += '</div>';
        $(".row").append(a);
    }
</script>
</body>
</html>
